<#--
/*
 * Copyright 2012 Claude Houle claude.houle@gmail.com
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-->
 .uic-tbl{
	.uic-tbl-header {
		height:1.250em;
		.uic-disable-user-select;

		.uic-cell {
			.uic-disable-user-select;
			color:@color_blue_darkest;
			border-width:1px;
			border-top-color:transparent;
			border-left-color:transparent;
			border-right-color:@color_gray_light;
			border-bottom-color:@color_gray_light;
			border-style:solid;
			padding-top:0.125em;
			padding-bottom:0.125em;

			&:first-child{
				border-left-color:@color_gray_light;
			}

			.uic-cell-data {
				.uic-disable-user-select;
				cursor:move;
			}

			.uic-header-handle{
			    display:inline-block;
			    width: 16px;
			    height: 16px;
			}

			.uic-header-handle-sort{
			    display:inline-block;
			}

			.uic-resizable-handle,
			.uic-resizable-handle-e{
				width:7px;
				height:16px;
				position:relative;
				right:0;
				top:0;
				display:inline-block;
			}
		}



		.uic-cell-sorted{
			background-color:@color_gray_light;
		}

		.uic-resizing{
			background-color: @color_white;
			border-color:@color_black;
			border-style:dotted;

			.uic-header-handle-sort-asc,
			.uic-header-handle-sort-desc,
			.uic-header-handle-sort{
				background-color: @color_white;
				border-color:@color_black;
			}
		}

		.uic-cell-column-target{
			background-color: @color_white;
			border-color:@color_black;
			border-style:dotted;

			.uic-header-handle-sort{
				background-color: @color_white;
			}
		}

		.uic-col-select{
			.uic-disable-user-select;
			border-width:1px;
			border-top-color:transparent;
			border-left-color:transparent;
			border-right-color:@color_gray_light;
			border-bottom-color:@color_gray_light;
			border-style:solid;
			padding-top:1px;
			cursor:pointer;
            text-align:right;
            padding-right:1px;

			.uic-table-choices{
				font-size:0.75em;
                text-align:left;
			}
		}

		.uic-table-choices{
			display:none;
			background:white;
			position:absolute;
			left:0em;
			top:0em;
			z-index:5000;
			overflow-x:auto;
			overflow-y:auto;
			padding-bottom:2em;

			.uic-table-choice {
				cursor:pointer;
				display:block;
				min-height:1.624em;
				line-height:1.624em;
				color:@color_blue_darkest;
				white-space:nowrap;
				padding-top:0.313em;
				padding-bottom:0.313em;
				padding-left:2.833em;
				padding-right:2.833em;

				&-selected{
					background-color: @color_gray_lightest;
					background-image: url(/img/checkmark.png);
					background-repeat:no-repeat;
					background-position:1em 0.6em;
				}

				&:hover {
					background-color: @color_gray_lightest;
				}
			}

			.uic-table-choice-separator{
				.uic-disabled;
				cursor: default;
				padding-left:1.833em;
				padding-right:1.833em;
				padding-top:0.813em;
				padding-bottom:0.813em;
				font-size:0.5em;
				&:hover{
					background:white;
				}
			}
		}
	}


	.uic-row {
		height:1.565em;
		cursor:pointer;
		padding-top:0.125em;
		padding-bottom:0.125em;

		.uic-cell,
		.uic-cell-data {
			text-align:left;
			color:@color_blue_darkest;
			overflow-x:hidden;
			overflow-y:hidden;
			padding-left: 0.8em;
		}

		.uic-cell{
			border-width:1px;
			border-top-color:transparent;
			border-left-color:transparent;
			border-right-color:@color_gray_light;
			border-bottom-color:@color_gray_light;
			border-style:solid;

			&:first-child{
				border-left-color:@color_gray_light;
			}
		}

		.uic-cell-select{
			.uic-cell;
			padding-left:0em;
		}

        &-even {
            background-color: @color_white;
        }

        &-odd {
            background-color:@color_gray_lightest;
        }

		&-selected{
            background-color: @color_blue_dark;
            .uic-cell,
            .uic-cell-data {
                color: @color_white;
            }
        }
	}

	.uic-cell {
		white-space:nowrap;
		text-align:left;
		font-size:0.750em;
		min-width:10px;

		.uic-cell-data{
	 	    min-width:10px;
			display:inline-block;
			overflow:hidden;
			white-space:nowrap;
			text-overflow: ellipsis;
		}
	}
}